@import "~assets/styles/_bootstrap";

.selectGood {

	.tabs {
		overflow: hidden;
		padding: rem(10px) 0 0 rem(10px);

		> li {
			float: left;
			margin: 0 rem(12px) rem(10px) 0;
			width: rem(78px);
			height: rem(25px);
			line-height: rem(25px);
			text-align: center;
			background: #fff;
			border-radius: rem(5px);

			&.active {
				color: #fff;
				background: $blk;
			}
		}
	}

	.lists {

		li {
			overflow: hidden;
			margin-bottom: rem(5px);
			padding: rem(7px) rem(10px) rem(10px) rem(15px);
			background: #fff;
			border-bottom: $lineCol 1px solid;
			
			> .img {
				float: left;
				padding: rem(5px);
				width: rem(80px);
				height: rem(80px);

				> img {
					width: rem(70px);
					height: rem(70px);
				}
			}

			> ol {
				margin-left: rem(85px);

				> h4 {
					overflow: hidden;
					margin-bottom: rem(20px);
					font-size: $fontM;
					text-overflow: ellipsis;
					white-space: nowrap;
				}

				> p {
					color: $grayLight;
					font-size: $fontS;

					> label {
						float: left;
					}

					> em {
						color: $mainCol;
					}
				}

				> i {
					position: absolute;
					bottom: 0;
					right: 0;
					font-size: rem(26px);
					transform: rotate(-45deg);

					&:before {
						color: $mainCol;
					}
				}
			}
		}
	}
}

.upToShop {
	z-index: 999;
	position: fixed;
	top: 0;
	left: 100%;
	width: 100%;
	height: 100%;
	background: #fff;
	transition: left .2s;

	&.show {
		left: 0;
	}

	.good {
		overflow: hidden;
		margin: rem(20px) 0;
		padding: rem(10px);
		border-top: $lineCol 1px solid;
		border-bottom: $lineCol 1px solid;

		> img {
			float: left;
			width: rem(60px);
			height: rem(60px);
		}

		> h4 {
			margin-left: rem(75px);
			font-size: $fontM;
		}
	}

	.cats {
		display: block;
		overflow: hidden;
		margin-bottom: rem(20px);
		padding: 0 rem(15px);
		height: rem(50px);
		line-height: rem(50px);
		border-top: $lineCol 1px solid;
		border-bottom: $lineCol 1px solid;

		> label {
			float: left;
		}

		> span {
			float: right;
			color: $grayLight;
		}
	}

	.info {
		background: #f6f6f6;
		border-top: $lineCol 1px solid;
		border-bottom: $lineCol 1px solid;

		> li {
			overflow: hidden;
			height: rem(50px);
			line-height: rem(50px);
			padding: 0 rem(15px);
			color: $grayDark;

			&:first-child {
				border-bottom: #e5e5e5 1px solid;
			}

			> label {
				float: left;
			}

			> span {
				float: right;
			}
		}
	}
}

.submitAdd {
	position: absolute;
	z-index: 100;
	bottom: 0;
	left: 0;
	padding: rem(12px) 0;
	width: 100%;
	border-top: $lineCol 1px solid;
	background: #fff;

	.btn {
		display: block;
		margin: 0 auto;
		width: rem(205px);
		height: rem(36px);
		line-height: rem(36px);
		color: #fff!important;
		text-align: center;
		background: #ec7451;
		border-radius: rem(5px);
	}
}